<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			
			.box{
				width: 400px;
				height: 400px;
				border: solid 1px red;
				margin: 50px auto 0;
				/*
				 *   精深
				 * */
				-webkit-perspective: 800px;
			}
			
			.inner{
				width: 400px;
				height: 400px;
				background-color: blue;
				-webkit-transform-origin: 0px 0px;
				-webkit-animation: box-run 2s linear infinite;
			}
			
			@-webkit-keyframes box-run{
				from{
					-webkit-transform: rotate(0deg);
				}
				to{
					-webkit-transform: rotate(360deg);
				}
			}
			
		</style>
	</head>
	<body>
		
		<div class="box">
			
			
			<div class="inner"></div>
			
			
		</div>
		
	</body>
</html>
